.page-header + .tabs-container {
  box-shadow: none;
}

.tabs {
  box-shadow: inset 0 -1px 0 $grey-light;

  ul {
    border-color: transparent;
    min-height: 3rem;
  }

  li {
    &:focus {
      box-shadow: none;
    }
    &.is-active a,
    &.is-active .tab {
      border-color: $blue;
      color: $blue;
    }
  }

  a,
  .tab {
    color: $grey;
    font-weight: $font-weight-semibold;
    text-decoration: none;
    padding: $size-6 $size-8 $size-8;
    border-bottom: 2px solid transparent;
    transition: background-color $speed, border-color $speed;

    &:hover,
    &:active {
      border-color: $grey-light;
    }

    &:hover {
      background-color: $ui-gray-050;
    }
  }

  .ember-basic-dropdown-trigger {
    outline: none;
  }
}
